<template>
  <a-dropdown v-model="visible">
    <a class="ant-dropdown-link">
      更多 <a-icon type="down" />
    </a>
    <a-menu slot="overlay" @click="handleClick">
      <slot name="menuItems"></slot>
    </a-menu>
  </a-dropdown>
</template>

<script>
export default {
  name: 'MoreOptions',
  props: {
    record: {
      type: Object,
      default: {},
    }
  },
  data () {
    return {
      visible: false
    }
  },
  methods: {
    handleClick () {
      console.log('[handleClick]');
      this.visible = true
    },
    hide() {
      this.visible = false
    }
  }
}
</script>

<style lang="less" scoped>
.footer {
  padding: 0 16px;
  margin: 48px 0 24px;
  text-align: center;

  .links {
    margin-bottom: 8px;

    a {
      color: rgba(0, 0, 0, 0.45);

      &:hover {
        color: rgba(0, 0, 0, 0.65);
      }

      &:not(:last-child) {
        margin-right: 40px;
      }
    }
  }
  .copyright {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
  }
}
</style>
